.wrapper {
  width: 400px;
  margin: 0 auto;
  overflow: hidden;
}

.image {
  width: 100%;
  height: 100%;
  padding: var(--cui-spacings-giga);
  transition: transform var(--slide-animation-duration) ease;
}

.swipe {
  transform: translate3d(var(--slide-translate-x), var(--slide-translate-y), 0)
    rotate(var(--slide-rotation));
}

.controls {
  display: flex;
  gap: var(--cui-spacings-mega);
  justify-content: center;
}
